草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

javascript - 是否有类似于 HTML Tidy for Javascript 的 Windows 实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我想清理一些javascript文件并用漂亮的缩进等重新格式化它们,是否有实用程序在Windows下执行此操作的建议?

javascript - 使用 jquery/javascript 检测文本输入框中的变化

在html和javascript中,我可以使用keyup、focus、blur来检测文本输入中的大部分内容变化,但是如果用户复制并粘贴到文本输入中,我该如何捕获这种变化?这里的问题是,当用户粘贴到输入时,输入已经处于焦点。 最佳答案 您可以捕获粘贴事件(http://www.quirksmode.org/dom/events/cutcopypaste.html)$("#myinput").bind("paste",function(){//codehere}) 关于javascript-

javascript - javascript 和 HTML 是不可能分开的吗?

具体来说,我说的是避免这种类型的代码:在这里,我想将onfocus和onkeypress事件句柄分开放置,即放在.js文件中。像这样:$(document).ready(function(){$(".title").focus(updateCharsLeft);$(".title").keypress(updateCharsLeft););但是这里的问题是文本框的ID需要传递给函数updateCharsLeft()。在该函数中必须从文本框的ID中提取ID会很糟糕,所以实际上将事件处理程序放入HTML代码中会更清晰。想法? 最佳答案

javascript - 使用 Javascript 将嵌套的 JSON 转换为 HTML 嵌套列表

我对使用JSON(相对于XML)还很陌生,目前我纯粹使用Javascript来消化、解析和显示我返回的JSON数据。我正在使用JSON2.js库并取回一些表示相当简单的嵌套列表的有效JSON数据:{"node":{"class":"folder","title":"TestFramework","node":{"class":"folder","title":"Item1","node":{"class":"folder","title":"Item1.1","node":{"class":"file","title":"Item1.1.a"}},"node":{"class":"fo

javascript - 一次更改或交换多个 HTML 元素的 CSS

我有大约100个,100和100我文档中的标签。我需要在JavaScript中实现以下操作:将背景所有foos更改为红色,所有条形更改为绿色,所有bazes更改为蓝色。将背景所有foos更改为绿色,所有条形更改为蓝色,所有bazes更改为红色。将背景所有foos更改为蓝色,所有条形更改为红色,所有bazes更改为绿色。我将总共调用这些操作大约1000次,因此我想避免使用附加的解决方案标记到每次做手术。有什么比遍历所有更简单、更快或更好的方法吗?带有document.getElementsByTagName('span')的元素,并更改或附加到.className每个元素的DOM属性?

javascript - 当焦点在 HTML 表单上丢失时如何重新聚焦到文本字段?

HTML表单上只有一个文本字段。用户输入一些文本,按Enter键,提交表单,然后重新加载表单。主要用途是条码读取。我使用以下代码将焦点设置到文本字段:它大部分时间都有效(如果没有人触摸屏幕/鼠标/键盘)。但是,当用户单击浏览器窗口中字段外的某处(空白区域)时,光标会消失。一个单字段HTML表单,如何防止光标丢失?或者,如何在光标丢失后将光标重新聚焦在字段内?谢谢! 最佳答案 Darin的回答是正确的,但在Firefox中不起作用。如果你也想在Firefox中窃取焦点,你必须将它延迟到事件之后:或者,更好的是,从JavaScript分

javascript - 输入类型 ="file"自动点击

如何在首次打开页面时自动打开inputtype="file"的浏览对话框? 最佳答案 我认为你不应该这样做。如果您曾经访问过MySpace页面,您就会知道当网页在加载时自行激活一些东西是多么令人沮丧。不要违反UI的工作方式,让用户要求对话框。此外,如果用户像弹出窗口一样本能地关闭它,然后意识到他们需要它,那么他们应该如何取回对话框可能并不明显。然后他们将重新加载页面以再次显示对话框——所有令人沮丧的事情你都可以避免。话虽这么说,但我不确定您最初为什么要这样做。这只是我对您的问题的第一react。

javascript - 如何使用正则表达式检查用户输入不只包含特殊字符?

如何对一个只允许特殊字符的字段进行验证,这意味着AB#,A89@,@#ASD是允许的,但@#$^&或#是不允许的。我需要RegEx来进行验证。 最佳答案 str.match(/^[A-Z#@,]+$/)将匹配一个字符串......以包含的模式开始^并结束$...包含任何大写字母A-Z(不匹配小写字母)...仅包含特殊字符#、@和,...至少有1个字符(无空字符串)不区分大小写,你可以在末尾添加i:(i.g./pattern/i)**更新**如果您需要验证该字段是否仅包含特殊字符,您可以检查该字符串是否仅包含不是单词或数字的字符:if

javascript - 纯 Javascript 中的元素坐标

假设我在div中有一个元素(或任何其他包含元素,或者可能只是在文档正文中)。如何获取该元素相对于其容器的(x,y)坐标?而且我需要能够用纯Javascript来完成... 最佳答案 offsetTop和offsetLeft属性是相对于offsetParent的,因此您可以免费获得元素相对于其父元素的位置。如果你想要相对于整个body的位置,那么你需要遍历offsetParent链并对值求和。下面的函数实现了这个:functionfindPos(obj){varcurleft=0,curtop=0;if(obj.offsetParen

javascript - 使用 jQuery 查找当前可见元素并更新导航

这里是第一次使用。我通常能够找到问题的答案,但我很难弄清楚这个问题。目标:我有一个带有侧边栏导航的单页布局,单击它会向下滚动到页面上的某个元素。但是,如果用户只是将页面向下滚动到特定元素#id,我希望导航中的相应链接变为.active。导航链接和相应的元素通过element#id和a[name]共享相同的值。类似于:NikeBetterWorld.com下面的HTML示例:Linkcontentgoeshere显然,还有更多的部分、链接、元素等。但这就是它的要点。因此,当用户向下滚动到section#value时,a[value]将获得事件类。我之前在这里找到了一个答案,对我有所帮助,